<template>
  <div>
    <!-- 顶部 -->
    <van-nav-bar
        left-arrow
        @click-left="$router.go(-1)"
        :title="this.$route.meta.title"
        right-text
      >
        <template #right v-if="this.$route.meta.a">删除</template>
      </van-nav-bar>

    <!-- 收货地址 -->
    <van-contact-card
      type="edit"
      :name="currentContact.name"
      :tel="currentContact.tel"
      @click="addlist"
    />
    <!-- 商品信息 -->
    <van-cell-group>
      <van-cell title="商品信息" />
    </van-cell-group>
    <van-card
      num="2"
      price="99"
      desc="统"
      title="金银花 统货 山西"
      @click="todetail"
      thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
    />
    <!-- 输入框 -->
    <van-cell-group>
      <van-field
        v-model="value"
        label="购买数量"
        placeholder="请输入购买数量"
      />
    </van-cell-group>
    <!-- 发票信息 -->
    <van-coupon-cell title="发票信息" value="不开发票" @click="add" />
    <!-- 提交 -->
    <van-submit-bar
      square
      label="应付金额："
      text-align="left"
      button-color="#1abc9c"
      :price="3050"
      button-text="提交订单"
      @submit="pdd"
    />
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  name: "WorkspaceJsonHome",

  data() {
    return {
      currentContact: {
        name: "张三  188***12138",
        tel: "河南省洛阳市汝阳县",
      },
      value: "",
    };
  },

  mounted() {},

  methods: {
    todetail() {
      this.$router.push("/ProductInfo");
    },
    addlist() {
      // this.$router.push("/detail");
      this.$router.push("/detail");
    },
    onClickLeft() {
      Toast("返回");
    },
    add() {
      this.$router.push("/fapiao");
    },
    pdd() {
      this.$router.push("/tiJiao");
    },
  },
};
</script>

<style  scoped>
</style>